<template>
    <view>
        <img :src="payment"
            fluid
            alt="Fluid image"
            class="img-qrcode"/>
        <view>
            <span class="font"><b>请及时支付</b></span>
            <view style="margin-left:130px"><uni-countdown :show-day="false" :second="10" @timeup="timeup" class="time" /></view>
        </view>
        
    </view>
</template>
<script>
import{uniCountdown} from '@dcloudio/uni-ui';
import payment from '../../static/payOnlineImages/payment.jpg'
export default{
   data(){
        return{
            payment:payment
        }
    },
    components: {
        uniCountdown
    },
    methods: {
        timeup() {
            uni.showToast({
                title:'超过支付时间'
            })
        }
    }
}
</script>
<style scoped>
.img-qrcode{
    width: 350px;
    height: 400px;
    margin-left: 10px;
}
.font{
    text-align: center;
}
</style>
